/*
 * @Author: WangShuai 1830773767@qq.com
 * @Date: 2025-02-01 21:58:52
 * @LastEditors: WangShuai 1830773767@qq.com
 * @LastEditTime: 2025-06-19 10:44:05
 * @FilePath: \vue3_admin_template\project\src\permisstion.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
//路由鉴权:项目当中路由能不能被访问的权限设置(某一个路由生么条件下可以访问,生么条件下不可以访问)
import router from './router'
import nprogress from 'nprogress'
import setting from './setting'
//引入进度条样式
import 'nprogress/nprogress.css'
//去掉进度条圆圈效果
nprogress.configure({ showSpinner: false })
//获取用户相关的小仓库内部token数据,去判断用户是否登录成功
import useUserStore from '@/store/modules/user.ts'
//引入大仓库
import pinia from './store'
let userStore = useUserStore(pinia)
// console.log("object", userStore);
//全局守卫  项目当中任意路由切换都会被触发的钩子
//全局前置守卫
//@ts-ignore
router.beforeEach(async (to: any, from: any, next: any) => {
  document.title = `${setting.title}` + '-' + `${to.meta.title}`
  //   console.log('object', to, from, next)
  nprogress.start()
  // console.log("路由鉴权");
  //to:你将要访问那个路由
  //from:你从那个路由而来
  //next:路由的放行函数
  //获取token去判断用户登录还是未登录
  let token = userStore.token
  //获取用户信息
  let uername = userStore.username
  //用户登录判断
  if (token) {
    //用户登录成功访问login路由不能访问 重定向到home页
    if (to.path == '/login') {
      next({
        path: '/',
      })
      // next()
    } else {
      //登录成功访问其余六个路由(登录路由排除)
      //有用户信息
      if (uername) {
        //放行
        next()
      } else {
        //如果没有用户信息在路由守卫这里发请求获取到了用户信息在放行
        try {
          //获取用户信息
          await userStore.userInfo()
          //放行
          //常量路由这里没有问题;万一是异步路由,有可能获取到用户信息,异步路由还没有加载完毕,出现空白的问题
          next({ ...to, replace: true })
        } catch (error) {
          //token获取不到用户信息了
          //用户手修改本地存储token
          //退出登录==>用户相关的数据清空
          userStore.userLogout()
          //   await ueserStore.userLogout()
          next({
            path: '/login',
            query: {
              redirect: to.path,
            },
          })
        }
      }
    }
  } else {
    //用户未登录
    if (to.path == '/login') {
      next()
    } else {
      //用户未登录 重定向 到login页面 从把用户曾经想要访问的路由 作为redirect参数传递给login
      next({
        path: '/login',
        query: {
          redirect: to.path,
        },
      })
    }
  }
})
//全局后置守卫
router.afterEach(() => {
  nprogress.done()
})

//第一问题:任意路由切换实现进度条业务  --nprogress
//第二个问题:路由鉴权(路由组件访问权限的设置)
//全部路由组件:登录|404|任意路由|首页|数据大屏|权限管理(三个子路由)|商品管理(四个子路由)
//路由鉴权
//用户未登录:可以访问login,其余六个路由不能访问(访问的话指向login)
//用户登录成功:不可以访问login[指向首页],其余的路由可以访问
